body { width: 100%; min-height: 460px; margin: 0px; padding: 0px; font: normal 14px Arial, "Helvetica Neue", Verdana; background: -webkit-gradient(linear, 0% 0%, 0% 75%, from(#464646), to(#1F1F1F)); -webkit-text-size-adjust: none; }

p { padding: 0px 10px; color: #6B6B6B; }

a { font-weight: bold; color: #404040; }

.clear { display: block; clear: both; }

#header { text-align: center; height: 50px; background-color: red; margin-bottom: 5px; background: url('../img/hbkg.png') repeat-x; }
#header #logo { margin: 0 auto; height: 40px; width: 185px; background: url('../img/logo.png') no-repeat; }

#menu { margin: 0px; padding: 0px; list-style: none; padding-left: 1%; }
#menu li { text-align: center; width: 31.5%; float: left; background-color: #e2e2e2; margin: 0px 2px; padding: 4px 0px; font-weight: bold; font-size: 16px; border: 1px solid white; -webkit-border-radius: 5px; }
#menu .selected { background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#f9e17b), to(#f9cb04)); border: 1px solid #dab000; }

#content { -webkit-border-radius: 10px; background-color: white; margin: 10px 4px; }
#content #loading_c { text-align: center; }
#content #incidencias_c { text-align: center; }
#content .container { padding: 10px 0px; }
#content .container #incidencia_detalle_map, #content .container #puerto_detalle_map { width: 100%; overflow: hidden; }
#content .container #p_est_info { float: right; margin: 12px 10px 0px 0px; }
#content .container #p_extra_info { font-weight: bold; color: #6b6b6b; width: 70%; margin: 5px 0px; float: left; font-size: 16px; padding-left: 10px; }
#content .container .tip, #content .container .tip_top { font-size: 12px; padding: 5px 10px 0px 10px; display: block; text-align: center; color: #6b6b6b; }
#content .container .tip_top { padding-bottom: 8px; }
#content .container #incidencia_extrainfo { font-weight: bold; color: #6b6b6b; width: 68%; margin-top: 8px; float: left; }
#content .container #incidencias_near_me, #content .container #incidencia_buscar_camaras, #content .container #puerto_buscar_camaras { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#959595), to(#505050)); weight: 70%; margin: 10px; padding: 4px; font-size: 26px; text-align: center; color: white; font-weight: bold; -webkit-border-radius: 5px; text-shadow: 0px 2px 0px #3d3d3d; border-bottom: 2px solid #c2c2c2; }
#content .container #incidencia_buscar_camaras, #content .container #puerto_buscar_camaras { font-size: 16px; margin: 10px 10px 0px 10px; }
#content .container #incidencias_c_roads { text-align: center; font-size: 20px; }
#content .container .section_title { display: block; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#959595), to(#505050)); padding: 4px; color: white; font-size: 18px; text-align: center; font-weight: bold; border-bottom: 2px solid #919191; }
#content .container .accesos_head_info { margin: 0px 10px 5px 10px; }
#content .container .accesos_head_info #accesos_detalle_name { font-size: 24px; font-weight: bold; }
#content .container #accesos_detalle_cameras, #content .container #camaras_cercanas { text-align: center; }
#content .container #accesos_detalle_cameras .camera_name, #content .container #camaras_cercanas .camera_name { display: block; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#959595), to(#505050)); margin: 10px; padding: 4px; color: white; font-weight: bold; -webkit-border-radius: 5px; border-bottom: 2px solid #919191; }
#content .container .s0, #content .container .s1, #content .container .s2, #content .container .s3, #content .container .s4 { padding: 10px; margin-right: 8px; -webkit-border-radius: 12px; float: left; }
#content .container .s0 { background: -webkit-gradient(linear, 0% 0%, 1% 66%, from(#A3CF5D), to(#6F9D36)); border: 2px solid #0E663A; }
#content .container .s1 { background: -webkit-gradient(linear, 0% 0%, 1% 66%, from(#ffe891), to(#ffdc54)); border: 2px solid #ffcb00; }
#content .container .s2 { background: -webkit-gradient(linear, 0% 0%, 1% 66%, from(#ffd291), to(#ffba54)); border: 2px solid #ff8333; }
#content .container .s3 { background: -webkit-gradient(linear, 0% 0%, 1% 66%, from(#fe9091), to(#fe5455)); border: 2px solid #fe3335; }
#content .container .s4 { background: -webkit-gradient(linear, 0% 0%, 1% 66%, from(#606060), to(#2c2c2c)); border: 2px solid #050505; }
#content .container .s_right { float: right; margin-top: 8px; padding: 12px; -webkit-border-radius: 14px; }
#content .container hr { margin: 0px; height: 0px; border: none; border-bottom: 1px solid #dadada; }
#content .container ul { margin: 0px; padding: 0px; list-style: none; }
#content .container ul li { padding: 4px 8px; font-size: 22px; font-weight: bold; border-bottom: 1px solid #dadada; }
#content .container ul li .arrow { font-size: 28px; line-height: 22px; color: #c2c2c2; float: right; }
#content .container ul li.c_incidencia { height: 46px; font-size: 16px; }
#content .container ul li.c_incidencia .arrow { font-size: 32px; line-height: 40px; color: #c2c2c2; float: right; }
#content .container ul li.c_incidencia .info_carretera { float: left; display: block; overflow: hidden; margin-top: 5px; font-size: 20px; line-height: 16px; }
#content .container ul li.c_incidencia .info_carretera .in_causa { font-size: 14px; color: #6b6b6b; }
#content .container ul li.puerto { font-size: 18px; padding: 10px 5px; }
#content .container ul li.puerto .p_label { overflow: hidden; width: 70%; height: 22px; float: left; }
#content .container ul li.puerto .arrow { line-height: 18px; color: #c2c2c2; margin-left: 4px; float: right; }

.puertos { padding: 10px; margin-right: 2px; float: right; }

.p0 { background: url('../img/puertos.jpg') 0px 0px no-repeat; }

.p1 { background: url('../img/puertos.jpg') 0px -20px no-repeat; }

.p2 { background: url('../img/puertos.jpg') 0px -60px no-repeat; }

.p3 { background: url('../img/puertos.jpg') 0px -40px no-repeat; }

.incidencia { padding: 23px; margin: 0px 10px 0px 0px; float: left; }

.patch { margin-left: 5px; }

.i0 { background: url('../img/in_icons.jpg') 0px 0px no-repeat; }

.i1 { background: url('../img/in_icons.jpg') 0px -46px no-repeat; }

.i2 { background: url('../img/in_icons.jpg') 0px -92px no-repeat; }

.i3 { background: url('../img/in_icons.jpg') 0px -138px no-repeat; }

.i4 { background: url('../img/in_icons.jpg') 0px -184px no-repeat; }

.i5 { background: url('../img/in_icons.jpg') 0px -230px no-repeat; }

.i6 { background: url('../img/in_icons.jpg') 0px -276px no-repeat; }

.i7 { background: url('../img/in_icons.jpg') 0px -322px no-repeat; }

.i8 { background: url('../img/in_icons.jpg') 0px -368px no-repeat; }

#footer { text-align: center; color: #262626; font-weight: bold; padding-bottom: 10px; }
#footer #user_location { margin: 0 auto; padding: 4px; -webkit-border-radius: 5px; background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#f9e17b), to(#f9cb04)); border: 1px solid #dab000; width: 90%; }
